<!DOCTYPE html>
<html><head>
<title>Distiot</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="No more. No less." />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" charset="utf-8" href="css/main.css" />
</head>
<body style="background: #FFF">
<div align="center">
<h1> Wellcome to Distiot.com</h1>
</div>
<div align="center">
<canvas id="canvas0" width="800" height="640" style="cursor: pointer"></canvas>
</div>
<script src="js/GameOfLife.js"></script>
<script src="js/GameOfLife/structures.js"></script>
<script src="js/GameOfLife/alphabet.js"></script>

<div id="controls" style="position: absolute; left: 20px; bottom: -2px"><div style="border-radius: 4px; background: #f5f5f5; padding: 9px; padding-bottom: 11px; border: 1px solid #fff">
    <a href="#" onclick="return playGame()" title="Starts the game"><i class="fa fa-play"></i></a> &nbsp;
    <a href="#" onclick="return pauseGame()" title="Pauses the game"><i class="fa fa-pause"></i></a> &nbsp; | &nbsp;
    <a href="#" onclick="return saveGame()" title="Saves the current state"><i class="fa fa-save"></i></a> &nbsp;
    <a href="#" onclick="return resetGame()" title="Resets the game to the saved state"><i class="fa fa-refresh"></i></a> &nbsp; | &nbsp;
    <a href="#" onclick="return clearGame()" title="Clears the universe"><i class="fa fa-trash-o"></i></a> &nbsp;
    <select id="structures">
        <option value="">Random structure</option>
    </select>
    <select id="colors">
        <option value="">Random color</option>
        <option value="0">blue</option>
        <option value="1">green</option>
        <option value="2">red</option>
    </select>
    <!-- <select id="scale">
        <option value="5">Scale 5</option>
        <option value="10" selected="selected">Scale 10</option>
        <option value="20">Scale 20</option>
    </select> &nbsp;
    <label for="continuous-cb"><input checked="checked" id="continuous-cb" type="checkbox" value="1" style="position: relative; top: 2px" /> Continuous</label>-->
</div></div>
<script src="js/main.js"></script>
</body></html>
<!-- Our greatest weakness lies in giving up. The most certain way to succeed is always to try just one more time. -->
